@charset "utf-8";
/* CSS Document */

.header {background: linear-gradient(to top right, #43e1ff, #3585ff);}
.header .hd {display: -webkit-flex; display: flex;justify-content:space-between;align-items: center;}
.header .hd .hd_info {flex:1;display: -webkit-flex;display: flex;align-items: center;padding: .6rem .4rem;}
.header .hd .hd_info .headimg { width:1.25rem; height:1.25rem; overflow:hidden; border-radius:50%; border:1px solid #fff; margin-right:.3rem; background:url(http://imgcon.tea7.com/6367606189265556659605641.png) center center no-repeat; background-size:100%;}
.header .hd .hd_info .headimg img{object-fit: cover; width:100%; height:100%;}
.header .hd .hd_info .name { }
.header .hd .hd_info .name h1{  color:#fff;font-size:.45rem; font-weight:400;}
.header .hd .hd_info .name span{ background:rgba(255,255,255,.3);color:#fff; font-size:.32rem; border-radius:2px; padding:0 0 0 .15rem;}

.header .hd .hd_ewm {max-width: 3.5rem;min-width:1rem;background:#166ceb;color:#42dcff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0rem 0rem 0rem .3rem;border-radius:1.5rem 0 0 1.5rem;display:flex;align-items:center;justify-content:center;}
.header .hd .hd_ewm i{font-size: 1.5rem; color:#fff;}
.header .bd { text-align:center; padding:.3rem .3rem 2rem; background:url(http://imgcon.tea7.com/6367545510665685028610288.png) center bottom no-repeat; background-size:100%; position:relative;}
.header .bd .bd_info { display:flex; justify-content:center; align-items:center;}
.header .bd .bd_info .item { flex:1;}
.header .bd .bd_info .title { color:#afe0ff; font-size:.34rem;}
.header .bd .digital { color:#fff; font-size:.54rem; }
.header .bd .digital i{ content:""; position:absolute; margin-top:.2rem; width:.45rem; height:.45rem; background:url(http://imgcon.tea7.com/6367675618824930852085415.png) center center no-repeat; background-size:100%; margin-left:.3rem; cursor:pointer;}
.header .bd .digital sup { font-size:.29rem; line-height:.35rem;}
.header .bd .bolang { position:absolute; bottom:0; left:0; right:0; margin:0 auto; overflow:hidden; max-width:640px; height:2rem;}
.header .bd .bolang span {position:absolute; height:2rem; width:20rem; display:block;}
.header .bd .bolang span:nth-child(1) { z-index:3; background:url(http://imgcon.tea7.com/6367556615245264023094257.png) left bottom no-repeat; background-size:100%; bottom:0; left:-5%;
animation:langmove 2s ease-out 1;}
.header .bd .bolang span:nth-child(2) { z-index:3; background:url(http://imgcon.tea7.com/6367556649923399014650175.png) right bottom no-repeat; background-size:100%; bottom:0; right:-5%;
animation:langmove2 2s ease-out 1;}
.header .bd .bolang span:nth-child(3) { z-index:3; background:url(http://imgcon.tea7.com/6367556650810949119372146.png) left bottom no-repeat; background-size:100%; bottom:-.1rem; left:0%;
animation:langmove3 2s ease-out 1;}

@keyframes langmove
{
from {left:-100%;}
to { left:-5%;}
}

@-webkit-keyframes langmove
{
from {left:-100%;}
to { left:-5%;;}
}
@keyframes langmove2
{
from {right:-97%;}
to { right:-5%;}
}

@-webkit-keyframes langmove2
{
from {right:-97%;}
to { right:-5%;}
}
@keyframes langmove3
{
from {left:-90%;}
to { left:0%;}
}

@-webkit-keyframes langmove3
{
from {left:-90%;}
to { left:0%;;}
}

@media screen and (min-width:640px){

		@keyframes langmove
		{
		from {left:-60%;}
		to { left:-5%;}
		}
		
		@-webkit-keyframes langmove
		{
		from {left:-60%;}
		to { left:-5%;;}
		}
		@keyframes langmove2
		{


		from {right:-57%;}
		to { right:-5%;}
		}
		
		@-webkit-keyframes langmove2
		{
		from {right:-57%;}
		to { right:-5%;}
		}
		@keyframes langmove3
		{
		from {left:-50%;}
		to { left:0%;}
		}
		
		@-webkit-keyframes langmove3
		{
		from {left:-50%;}
		to { left:0%;;}
		}


}



.fast_op { background:#fff; display:flex; align-items:stretch; justify-content: space-between; padding:0 .1rem .2rem;}
.fast_op .item { color:#fff; padding:.3rem; margin:.4rem .2rem .2rem; border-radius:.15rem; flex:auto; overflow:hidden; position:relative;}
.fast_op .item .topicon { background:rgba(255,255,255,.3); width:1rem; height:1rem; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:.2rem; position: relative; z-index:1;}
.fast_op .item .topicon i{ font-size:.54rem;}
.fast_op .item.blue { background:#5fb1ff;  box-shadow: 0 0 20px rgba(95, 177, 255, 0.5)}
.fast_op .item.yellow { background:#ff9a45;  box-shadow:0 0 20px rgba(255, 154, 69, 0.50);}
.fast_op .item.red { background:#ff6969;  box-shadow: 0 0 20px rgba(255, 105, 105, 0.5);}
.fast_op .item h1 { font-size:.3864rem; padding-bottom:.2rem;position: relative; z-index:1;}
.fast_op .item span { position: relative; z-index:1;}
.fast_op .item:after { position:absolute; content:""; width:2rem; height:2rem; border-radius:50%; right:-20%; bottom:-20%; opacity:.5;}
.fast_op .item.blue:after{background: linear-gradient(to top right, #43e1ff, #3585ff);}
.fast_op .item.yellow:after{background: linear-gradient(to top right, #ffb374, #e26d0b);}
.fast_op .item.red:after{background:linear-gradient(to top right, #ff9696, #ef2f2f);}




/*功能菜单*/
.menulist { background:#fff; margin-top:.4rem;}
.menulist ul li { padding:.0rem .3rem; position:relative;}
.menulist ul li:active { background:#fafafa;}
.menulist ul li a { color:#333; font-size:.4rem; display:block; padding:.4rem 0; position:relative;}
.menulist ul li span { padding-left:.7rem; position:relative;}
.menulist ul li:before { content: ""; position: absolute; right: .32rem; top: 50%; width: .2rem; height: .2rem; border-left: 1px solid #999999; border-top: 1px solid #999999; transform: translate3d(0,-50%,0) rotateZ(135deg); -webkit-transform: translate3d(0,-50%,0) rotateZ(135deg);}
.menulist ul li:after { content: ''; height:1px; width: 100%; border-top: 1px solid #f0f8fb; position: absolute; left:0; top:-1px; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10;}
.menulist ul li span.md{ background:url(http://imgcon.tea7.com/6373205118760693574616393.png) center left no-repeat; background-size: contain;}
.menulist ul li span.qb{ background:url(http://imgcon.tea7.com/6373205087795072215814208.png) center left no-repeat; background-size: contain;}
.menulist ul li span.ddlb{ background:url(http://imgcon.tea7.com/6367545663050058255734565.png) center left no-repeat; background-size: contain;}
.menulist ul li span.cpda{ background:url(http://imgcon.tea7.com/6367545668375058827066390.png) center left no-repeat; background-size: contain;}
.menulist ul li span.khlb{ background:url(http://imgcon.tea7.com/6367545669176646179216429.png) center left no-repeat; background-size: contain;}
.menulist ul li span.cgjh{ background:url(http://imgcon.tea7.com/6370969343435759549002032.png) center left no-repeat; background-size: contain;}
.menulist ul li span.pxsp{ background:url(http://imgcon.tea7.com/6370493941133635699012488.png) center left no-repeat; background-size: contain;}
.menulist ul li span.wdzd{ background:url(http://imgcon.tea7.com/6367545674260993641950501.png) center left no-repeat; background-size: contain;}
.menulist ul li span.grzx{ background:url(http://imgcon.tea7.com/6367545675128203416201423.png) center left no-repeat; background-size: contain;}
.menulist ul li span.yrst{ background:url(http://imgcon.tea7.com/6368271572823769769412346.png) center left no-repeat; background-size: contain;}
.menulist ul li span.wdjlj{ background:url(http://imgcon.tea7.com/6368229953431572204091696.png) center left no-repeat; background-size: contain;}
.menulist ul li span.shdz{ background:url(http://imgcon.tea7.com/6371046464495071623188145.png) center left no-repeat; background-size: contain;}
.menulist ul li span.crk{ background:url(http://imgcon.tea7.com/6373264759391919119535727.png) center left no-repeat; background-size: contain;}
.menulist ul li.remind span:after { position:absolute; content:""; top:.1rem; right:-.2rem; width:.12rem; height:.12rem; border-radius:5rem; background:#f00;}
.menulist ul li a i { position:absolute; right:.3rem; top:50%;transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%); background:#f00; color:#fff; font-size:.3rem; border-radius:.3rem; padding:0 .15rem;}






/*通用头部*/
.header_bar { background:#fff; padding:.15rem .15rem; display: -webkit-flex; display: flex; align-items: center; position:relative;}
.header_bar .left, .header_bar .right { flex:1;display: flex;align-items:center;}
.header_bar .right { flex:1;display: flex;justify-content: flex-end; align-items:center;}
.header_bar a { display:flex; align-items:center; justify-content:center; width:1rem; height:1rem; cursor:pointer;}
.header_bar a i { font-size:.64rem;}
.header_bar h2 { text-align:center; margin:0 auto; font-size:.386rem; height: 1rem;  line-height: 1rem; flex:1;}
.header_bar:after { content:""; position:absolute; bottom:0; left:-50%; height:1px; width:200%; transform:scale(.5); -webkit-transform:scale(.5); background:#ededed;}
.header_bar .search { width:70%; flex:5; border:1px solid #ededed; padding:.15rem; border-radius:1rem; display:flex;}
.header_bar .search input { border:0; color:#999; flex:1;}

/*我的订单*/
.hd_bar_wrap{height: 46px; position: relative; background: #fff;}
.my_nav_mask{display: none; position: fixed; top: 1.3rem; left: 0; right: 0; bottom: 0; z-index: 9; background-color: rgba(0,0,0,.3);}
.my_nav_mask.show{display: block;}
.hd_bar_wrap .hd_bar{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; z-index: 10;}
.hd_bar{display: -webkit-box; display: -webkit-flex; display: flex; box-sizing: border-box; padding: 8px 10px; background: #fff;}
.hd_bar .hd_search_frm{-webkit-flex: 1; -webkit-box-flex: 1; flex: 1; position: relative; height: 30px;}
.hd_bar .hd_search_frm:before{position: absolute; content: ""; top: 8px; left: 10px; width: 15px; height: 15px; background: url(http://imgcon.tea7.com/6370976992571642402326991.png) 0 0/15px no-repeat;}
.hd_bar .hd_search_frm .hd_search_txt{box-sizing: border-box; width: 100%; height: 30px; background: #f7f7f7; padding: 0 30px; border-radius: 15px; border: none; font-size: 14px; font-family: inherit;}
.hd_bar .hd_search_frm .hd_search_clear{position: absolute; content: ""; top: 8px; right: 10px; width: 15px; height: 15px; background: url(http://imgcon.tea7.com/6370977002938851271221545.png) 0 0/15px no-repeat;}
.hd_bar .hd_search_frm.hd_search_frm_focus .hd_search_clear{display: none;}
.hd_bar .hd_me{display: none; width: 60px; position: relative;}
.hd_bar .hd_search_frm.hd_search_frm_focus+.hd_me{display: block;}
.hd_bar .hd_search_frm.hd_search_frm_input+.hd_me{display: block;}
.hd_bar .hd_me .hd_search_btn, .hd_bar .hd_me .hd_search_btn_red{position: absolute; top: 0; left: 10px; width: 50px; height: 30px; border-radius: 3px; box-sizing: border-box; line-height: 30px; text-align: center; font-size: 14px;}
.hd_bar .hd_me .hd_search_btn{background-color: #fff; border: 1px solid #ccc; color: #333;}
.hd_bar .hd_me .hd_search_btn_red{background-color: #f2270c; color: #fff;}
.hd_bar:before{content: ""; height: 0; display: block; border-bottom: 1px solid #e5e5e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); position: absolute; left: 0; right: 0; bottom: 0;}
.hd_bar:after{content: ""; height: 0; display: block; border-bottom: 1px solid #e5e5e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); position: absolute; left: 0; right: 0; top: -1px;}
.loaded{font-size: 14px; color: #999; line-height: 21px; margin: 12px 0; text-align: center;}

.my_order {}
.my_order .product { padding:0 .3rem .3rem; background:#fff; margin:.3rem; border-radius:.15rem;}
.my_order .product .titleline { display: -webkit-flex; display: flex; align-items: center; padding:.3rem 0; color:#999999; font-size:.34rem;}
.my_order .product .titleline span:first-child { -webkit-box-flex: 1;flex: 1;  -webkit-flex: 1;}
.my_order .product .titleline span.state { text-align:right; color:#27a117; width:2rem;}
.my_order .product .titleline span.state.ywc { color:#27a117;}/*已完成*/
.my_order .product .titleline span.state.dfh, .my_order .product .titleline span.state.dsh { color:#999;}/*待发货 待收货*/
.my_order .product .titleline span.state.dfk { color:#f60;}/*待付款*/
.my_order .product ul li { border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3;}
.my_order .product ul li a{ display: -webkit-flex; display: flex; padding:.3rem 0}
.my_order .product ul li a .pic { margin: 0 .3rem 0 0; width:2rem; background: #f3f3f3; position:relative;}
.my_order .product ul li a .pic .img_tag { position: absolute; opacity: .5; background: #000; color: #fff; text-align: center; font-size: 12px; right: 0; bottom: 0; padding: 0 5px; border-radius: 2px 0;}
.my_order .product ul li a .pic:nth-child(3):after { position:absolute; right:-2rem; top:50%; transform: translateY(-50%); content:"查看更多"; background:url(http://imgcon.tea7.com/6370978455621640454130943.png) bottom center no-repeat; background-size:.4rem; display:block; padding-bottom:.5rem;}
.my_order .product ul li a .pic img {mix-blend-mode: multiply;}
.my_order .product ul li a .info { display: -webkit-flex; display: flex; box-flex: 1; -webkit-box-flex: 1; flex:1;}
.my_order .product ul li a .info h2 { box-flex: 1; -webkit-box-flex: 1; flex:1; padding-right:.3rem;}
.my_order .product ul li a .info h2 em { color:#999; display:block; font-size:.3rem;}
.my_order .product ul li a .info .pricemun { text-align:right;}
.my_order .product ul li a .info .pricemun .price { color:#333; font-size:.386rem; display:block;}
.my_order .product ul li a .info .pricemun .mun { color:#666666;}
.order_check { text-align: right; padding: 10px 0 10px 12px; }
.order_count { color: #333; font-weight:700;}
.order_check em { color: #f60;}
.order_btn { padding-top: 10px; -webkit-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; font-size: 14px; color: #333;line-height: 30px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex;}
.order_btn a {text-align: center; padding:0rem .3rem; border-radius: 4px; margin-left: 8px; -webkit-flex-shrink: 0; flex-shrink: 0;}
.order_btn a.fk {background-image: -webkit-linear-gradient(315deg,#f2140c,#f2270c 70%,#f24d0c); background-image: linear-gradient(135deg,#f2140c,#f2270c 70%,#f24d0c); color: #fff; border: none;}
.order_btn a.cancel { background-color: #fff; color: #333; border: 1px solid #ccc;}



.form_search { background:#fff; padding:.15rem .3rem; display: -webkit-flex; display: flex; align-items: center;}
.form_search .back { width:1rem; position:relative; height:1rem;}
.form_search .back:before { content: "";position:absolute;top:50%;left:50%; width: .3rem; height: .3rem; border-right: 1px solid #666; border-bottom: 1px solid #666; transform: translate3d(-50%,-50%,0) rotateZ(135deg); -webkit-transform: translate3d(-50%,-50%,0) rotateZ(135deg);}
.form_search .search { flex:1; text-align:center; border:1px solid #f3f3f3; border-radius:1rem; background:#fff; display: -webkit-flex; display: flex; -webkit-box-pack: center; align-items: center; padding:.2rem .3rem}
.form_search .search span { width:.5rem; height:.5rem; background:url(http://imgcon.tea7.com/6367547508128070056283204.png) left center no-repeat; background-size: contain;}
.form_search .search input { border:0; min-width:90%; height:.5rem; line-height:.5rem; display:inline-block;}
.form_search .title { font-size:.386rem;}
.form_search .ddlb, .header_bar .ddlb { width:1rem; position:relative; height:1rem; display:block; cursor:pointer;}
.form_search .ddlb:before, .header_bar .ddlb:before {content: "";position:absolute;top:50%;left:50%;width: .5rem;height: .5rem;background:url(http://imgcon.tea7.com/6367545663050058255734565.png) center left no-repeat;background-size: contain;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);}
.form_search .lsdd { position:relative; width:auto; height:1rem; display:block; cursor:pointer; line-height:1rem; padding-left:.6rem; margin-left:.3rem;color: #4e8cee;white-space: nowrap;}
.form_search .lsdd:before {content: "";position:absolute;top:50%;left:0%;width: .5rem;height: .5rem;background:url(http://imgcon.tea7.com/6370986015851303775232994.png) center left no-repeat;background-size: contain;transform: translate3d(0%,-50%,0);-webkit-transform: translate3d(0%,-50%,0);}


.filter_bar { background:#fff; border-bottom:1px solid #f3f3f3;}
.filter_bar ul {display: -webkit-box;  display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.filter_bar ul li{width: 100%; padding: 0 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; color:#666666;height:44px; line-height:44px; position:relative; font-size:.34rem;}
.filter_bar ul li:last-child {overflow: hidden;}
.filter_bar ul li:before { content: ''; width:1px; height:40%; border-right: 1px solid #cccccc; position: absolute; top:50%; right:-1px; transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%); z-index: 10; opacity: .3;}
.filter_bar ul li span { padding:0 .15rem;}
.filter_bar ul li.on span{ position:relative;}
.filter_bar ul li.on span:after { content:""; position:absolute; width:100%; border-bottom:2px solid #4e8cee; left:0; right:0; bottom:-1px;}
.filter_bar ul li.price_ud { display:inline-block;}
.filter_bar ul li:active { background:#fafafa;}
.filter_bar ul li.price_ud:after { content: ""; width:10px; height:14px; display: inline-block; background:url(http://imgcon.tea7.com/6367547712556219067576647.png) bottom center no-repeat; background-size: cover;margin-left:.15rem; position:relative; top:2px;}
.filter_bar ul li.price_ud.arrow-down:after {background-position:0px -14px; }/*由低到高*/
.filter_bar ul li.price_ud.arrow-up:after {background-position:0px 0px; }/*由高到低*/
.filter_bar ul li:last-child:before { display:none; }
.filter_bar ul li.screening {}
.filter_bar ul li.screening:after { content: ""; width:14px; height:14px; display: inline-block; background:url(http://imgcon.tea7.com/6369103332657190631694384.png) center center no-repeat; background-size: cover;margin-left:.1rem; position:relative; top:16px; opacity:1;}
.filter_bar ul li.screening.screening_in { color:#4e8cee;}
.filter_bar ul li.screening.screening_in:after { color:#4e8cee;  background:url(http://tea10pic.oss-cn-shenzhen.aliyuncs.com/6369222986040360353870581.png) center center no-repeat;background-size: cover; }

/*时间搜索*/
.time_search { display:flex; align-items:center; justify-content:space-between; padding:.15rem;}
.time_search .tl, 
.time_search .tr { flex:1; display:flex; border:1px solid #f3f3f3; border-radius:.15rem; background:#fff; padding:.15rem; margin:0 .15rem;}
.time_search .tl span, 
.time_search .tr span { margin-left:.2rem;}
.time_search .tc {}

/*产品档案--------------■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■-----------------------------------------------------------------*/

.product_archives { margin:2.5rem 0; background:#fff;}
.product_archives ul li { padding:.3rem; border-bottom:1px solid #f3f3f3; display: -webkit-flex; display: flex; position:relative;}
.product_archives ul li:last-child { border:0;}
.product_archives ul li a { display: -webkit-box; display: flex; width:100%;}
.product_archives ul li .pic{ width:2.5rem; height:2.5rem; display: block; position:relative; /*border-radius:.2rem;*/ overflow:hidden; background:#f3f3f3;}
.product_archives ul li .pic img {mix-blend-mode: multiply; display:block;}
.product_archives ul li .pic i { position:absolute; left:0; top:0; padding:2px .1rem; color:#fff; border-radius:0 0 .2rem 0; z-index:2; font-size:.3rem;}
.product_archives ul li .pic i.pp { background:#779edc;}
.product_archives ul li .pic i.ss { background:#d45c5c;}
.product_archives ul li .pic i.jr { background:#bfa676;}
.product_archives ul li .info { position:relative; padding-left:.3rem; -webkit-box-flex: 1; -webkit-flex: 1; flex:1; font-size:.34rem; display: -webkit-flex; display:flex;flex-direction: column;}
.product_archives ul li .info h2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; font-weight:bold;}
.product_archives ul li .info .infolist { padding-top:.15rem;}
.product_archives ul li .info .infolist span:nth-child(1) { color:#999;}
.product_archives ul li .erweima { position:absolute; right:-.3rem; bottom:-.3rem; background:url(http://imgcon.tea7.com/6368282468333501216688390.png) center center no-repeat; background-size:.5rem; width:.5rem; height:.5rem; padding:.3rem; display:none}
.product_archives ul li .info .product_code { color:#999;padding-top: .15rem;flex: 1;}
.product_archives ul li .info .inventory { position:absolute; right:0; bottom:.7rem; z-index:2; text-align:right; font-size:.3rem;} 
.product_archives ul li .info .inventory span { display:block; color:#999;}
.product_archives ul li .info .inventory b { display:block; font-size:.34rem;}
.product_archives ul li .info .price { font-size:.34rem; color:#999;}
.product_archives ul li .info .price b { color:#333; font-size:.45rem; font-weight: normal;}
.product_archives ul li .info .price b:before{ content:"\FFE5"; font-size:.32rem;}
.product_archives ul li .info .price span { padding-left:.2rem;}

.product_archives ul li .info .item_num{ position: absolute; right:0px;height: 26px;bottom: 0px;}
.product_archives ul li .info .item_num input, .product_archives ul li .info .item_num span{height: 24px; text-align: center; float: left;}
.product_archives ul li .info .item_num span{display: block;width: 24px;background-color: #f3f3f3;text-shadow: 1px 1px 1px #fff;font-size: 20px;cursor: pointer;overflow: hidden;line-height: 23px;color: #555;border-radius: 50%;}
.product_archives ul li .info .item_num span::selection, .td::selection{background: 0 0;color: #555}
.product_archives ul li .info .item_num span.disabled, .item_num span.disabled:hover{background-color: #fafafa;cursor: not-allowed;color: #ddd}
.product_archives ul li .info .item_num input{width: 26px;border: none;line-height: 26px;color: #666;font-size: 14px}



/*通用遮罩*/
.cover-floor{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 250;}
/*筛选弹窗*/
.filterpop{height: 100%; width:80%; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; bottom: 0; left:20%; z-index: 301;background:#fff;transition: transform .3s; transform: translate3d(100%,0,0);-webkit-transition: transform .3s; -webkit-transform: translate3d(100%,0,0);}
.filterpop.filterpopshow{left:20%;transition: transform .3s; transform: translate3d(0%,0,0);-webkit-transition: transform .3s; -webkit-transform: translate3d(0%,0,0);}
.filterpop .sx_bd{height:-moz-calc(100% - 44px);height:-webkit-calc(100% - 44px);height:calc(100% - 44px);}
.filterpop .sx_bd .sx_bdin{width:100%; height:100%;overflow-y: auto; overflow-x: hidden}
.filterpop .index-bnts{height: 44px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; padding-right: 0px; overflow: hidden;}
.filterpop .index-bnts .left{background-color: #fff; color: #252525; font-size: 16px; position: relative; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; -o-box-pack: center;}
.filterpop .index-bnts .left:before{content: ''; height: 1px; width: 200%; position: absolute; left: 0; top: 0; right: auto; bottom: auto; background-color: #e3e5e9; border: 0px solid transparent; border-radius: 0px; -webkit-border-radius: 0px; transform: scale(0.5); -webkit-transform: scale(0.5); transform-origin: top left; -webkit-transform-origin: top left;}
.filterpop .index-bnts .right{background-color: #cdb593; color: #fff; font-size: 16px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; -o-box-pack: center;}
.sx_bdinb{border-bottom:1px solid #f3f3f3; padding-bottom:20px;}
.sx_bdinb .title-line{padding-top: 10px; padding-left: 10px; padding-right: 10px; font-size: 15px; overflow: hidden; margin-bottom: 7px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;}
.sx_bdinb .title-line .title{text-align: left; display: block; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:16px; height: 17px; line-height: 17px; color: #333; margin-top: 2px;}
.sx_bdinb .title-line i{display: block; width: 10px; height: 10px; border-top: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); margin-left: 8px; margin-right: 2px; margin-top: 8px;}
.title-line i.down{transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); margin-top: 2px;}
.sx_bdin .itemlist ul{margin-right: 10px; overflow: hidden;padding-bottom: 1px;}
.sx_bdin .itemlist ul li{margin-top: 10px; height: 29px; width: 50%; color: #232326; padding-left: 10px; float: left;font-size:13px; box-sizing:border-box; position:relative;}
.sx_bdin .itemlist ul li span{height:30px; display: block; padding-left: 5px; padding-right: 5px; text-align: center; line-height:30px; background-color: #f3f3f3; border-radius: 5px;border:1px solid #f3f3f3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;box-sizing:border-box;}
.sx_bdin .itemlist ul li.on span{border:1px solid #333333; background:#fff;}
.sx_bdin .itemlist ul li.on:after{content:""; position:absolute; left:10px; top:0px; width:15px; height:15px; background:url(http://tea10pic.oss-cn-shenzhen.aliyuncs.com/6364462728432746716814208.png) left top no-repeat; background-size:cover;}
.sx_bdin .itemlist .from-to{background:#f3f3f3; border-radius:5px; margin:10px 10px 0; padding:10px;display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;}
.sx_bdin .itemlist .from-to input, .sx_bdin .itemlist .from-to span, .sx_bdin .itemlist .from-to .fttxt{display:inline-block;}
.sx_bdin .itemlist .from-to span{display: block; width: 8px; margin-left: 9px; margin-right: 9px; height: 14px; border-bottom: 1px solid #848689;}
.sx_bdin .itemlist .from-to input{border-radius:5px; background:#fff; border:0; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; display: block;height: 28px; line-height: 28px; text-align: center; font-size: 12px;}
.sx_bdin .itemlist .from-to .fttxt{height: 28px; line-height: 28px; margin-left:10px;}







/*购物车*/
.bottomNav{position: fixed; right: auto; bottom: 0; max-width:720px; box-sizing: border-box; width: 100%; left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 2.3rem; background-color:#333; height: 1.31rem;}
.carticon{position: absolute; left: .32rem; bottom: .2rem; width: 1.5rem; height: 1.5rem; box-sizing: border-box; border-radius: 100%; will-change: transform;background:url(http://imgcon.tea7.com/6366157753161240809210477.png) center center no-repeat #535353; background-size:50%;border: 0px solid #e7c990;}
.carticon.carticon-shake{-webkit-animation: bottomNav-shake_2waDn_0 .5s ease-in-out;animation: bottomNav-shake_2waDn_0 .5s ease-in-out}
@-webkit-keyframes bottomNav-shake_2waDn_0 {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.8);
transform:scale(.8)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
75% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
to {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bottomNav-shake_2waDn_0 {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.8);
transform:scale(.8)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
75% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
to {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.carticon:before{display:none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(http://imgcon.tea7.com/6364418123596950659744812.png) 50% no-repeat; background-size: .7rem; content: "";}
.carticon em{position: absolute; right: -.12rem; top: -.133333rem; line-height: 1; background-color: #ff461d; color: #fff; border-radius: .32rem; padding: .053333rem .133333rem; /*content: attr(attr-quantity);*/ font-size: .266667rem;}
.bottomNav-price{-webkit-box-flex: 1; -ms-flex: 1; flex: 1;color: #fff;font-size:0.4rem;}
.bottomNav-price b{font-size:.6rem}
.submit-btn-none{height: 100%; width: 2.8rem; background-color: #999999; color: #fff; text-align: center; text-decoration: none; font-size: .4rem; font-weight: 700; line-height: 1.28rem;}
.submit-btn-have{height: 100%; width: 3rem; background-color: #cdb593; color: #faf5ef; text-align: center; text-decoration: none; font-size: .4rem; font-weight: 700; line-height: 1.28rem;}
.cartview{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .4; transition: opacity .3s ease; -webkit-transition: opacity .3s ease;}
.cartlist{position: fixed; bottom: 0; left: 0;right: 0; width: 100%;max-width:720px;margin:0 auto; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);bottom: 1.8rem;z-index: 11;}
.cartlist_on{transform: translateZ(0);-webkit-transform: translateZ(0);bottom: 1.28rem;}
.discount-tip{background:#f6ebda; text-align: center; box-sizing:border-box; height: .5rem; line-height: .5rem;font-size:.3rem; color:#231816;}
.discount-tip b{color:#5f2426;}
.cartview-342ET{padding: 0 .333333rem; border-bottom: 1px solid #ddd; background-color: #f3f3f3; color: #666; line-height: 1.066667rem;}
.cartview-Tfsux{padding-left: .133333rem;}
.cartview-2WfO3{float: right; padding-left: .4rem; background-size: .266667rem; color: #666; text-decoration: none; font-size: .346667rem;}
.entityList{overflow: auto; -webkit-overflow-scrolling: touch; max-height: 8rem; background: #fff; padding-bottom: .5rem;}
.entityList ul{padding: 0 0 0.5rem; list-style: none; -webkit-box-flex: 0; -ms-flex: none; flex: none;}
.entityList ul li{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .2rem .333333rem .2rem 0; min-height: 1.2rem; margin-left: .333333rem;font-size: .4rem;}
.entityList ul li:not(:last-child){border-bottom: 1px solid #f3f3f3;}
.entityList ul li .pic{-webkit-box-flex:1; -ms-flex:1; flex:1; line-height: normal;border:2px solid #f2f4f3;margin-right:10px;}
.entityList ul li .name{-webkit-box-flex:5.5; -ms-flex: 5.5; flex: 5.5; line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 4.666667rem;}
.entityList ul li .price{-webkit-box-flex:2; -ms-flex:2; flex:2; color: #cf2338; text-align: right; white-space: nowrap; font-weight: 700;}
.entityList ul li .number{-webkit-box-flex:2.5; -ms-flex: 2.5; flex:2.5; text-align: right;font-size: .377777rem;}
.entityList ul li .number a{display: inline-block;vertical-align: middle; text-decoration: none;box-sizing:border-box;padding-bottom: 2px;}
.entityList ul li .number a img{width:0.5rem;}
.entityList ul li .number .num{display: inline-block;vertical-align: middle;text-align: center; color: #666; font-size: .37777rem; min-width: .5rem; max-width: 2em; overflow: hidden;}
.entityList ul li.shouqing .name{color:#999;}
.entityList ul li.shouqing .price b{color:#999; font-weight:normal;}
.entityList ul li.shouqing .number{color:#999;}
.flyball{position: fixed; top: 0; left: 0; transition: -webkit-transform .5s linear; transition: transform .5s linear; transition: transform .5s linear,-webkit-transform .5s linear;z-index:9999999;}
.flyball .inner{position: absolute; top: 0; left: 0; background-color: #008300; border-radius: 50%; width: 0.35rem; height: 0.35rem;}
.flyball,.flyball .inner{will-change: transform; -webkit-transform: translateZ(0); transform: translateZ(0)}
.flyball .inner{transition: -webkit-transform .5s cubic-bezier(.3,-.2,1,0); transition: transform .5s cubic-bezier(.3,-.2,1,0); transition: transform .5s cubic-bezier(.3,-.2,1,0),-webkit-transform .5s cubic-bezier(.3,-.2,1,0)}
/*遮罩*/
.mask{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .4; -webkit-transition: opacity .3s ease; transition: opacity .3s ease;}




/*说明弹窗*/
.instructions_pop { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-pack: center; display: -webkit-box; -webkit-box-orient: vertical;}
.instructions_pop .bd { position:relative; z-index:9999;width:90%; max-width:540px; margin:0 auto; background: #fff; border-radius: .3rem; box-shadow: 0 0 8px rgba(0, 0, 0, .5); font-size:0.4rem; line-height:2;}
.instructions_pop .bd .close{ position:absolute; right:50%; bottom:-1.2rem; margin-right:-0.5rem; width:1rem; height:1rem; background:url(http://imgcon.tea7.com/6367546824034320784627219.png) center center no-repeat; background-size:90%;}
.instructions_pop .bd h2 { font-size:0.386rem; padding:0.3rem;background:#fff; color:#333; text-align:center; border-radius: .3rem .3rem 0 0; font-weight:700;}
.instructions_pop .bd p { padding:0.5rem;text-align:justify;text-justify:inter-ideograph; color:#333; font-size:0.386rem; background:#f0f8fb; border-radius:.3rem;}
.instructions_pop .bd img {border-radius: .3rem;padding: .3rem; box-sizing: border-box;}
.instructions_pop .bg { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);}
.instructions_pop.pop_in .bd { -webkit-animation: pop_in .5s;}
@-webkit-keyframes pop_in {
    0% {
        -webkit-transform: scale(.6);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.05);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}





/*.elivery_way { display:flex; border-radius:.15rem .15rem 0 0; overflow:hidden;}
.elivery_way a { flex:1; display:flex; flex-direction:column; text-align:center; background:rgba(255,255,255,.3); padding:.15rem 0;}
.elivery_way a.on { background:#fff;}
.elivery_way a:first-child.on { box-shadow: 5px 5px 5px rgba(0,0,0,.05);}
.elivery_way a:last-child.on { box-shadow: -5px 5px 5px rgba(0,0,0,.05);}
.elivery_way a b { font-size:.3864rem;}
.elivery_way a span { font-size:.2898rem; padding-top:.15rem;}*/
.order_list { margin:.3rem .3rem 2rem; }
.order_list .time { display: -webkit-flex; display: flex; align-items: center; padding:.3rem; border-bottom:1px solid #f3f3f3; color:#999999; background:#fff; font-size:.34rem;}
.order_list .time span { -webkit-box-flex: 1;flex: 1;  -webkit-flex: 1;}
.order_list .time span:nth-child(2) { text-align:right; color:#666666;}
.order_list .product { padding:0 .3rem; background:#fff;}
.order_list .product .titleline { display: -webkit-flex; display: flex; align-items: center; padding:.3rem 0; color:#999999; font-size:.34rem;}
.order_list .product .titleline span { -webkit-box-flex: 1;flex: 1;  -webkit-flex: 1;}
.order_list .product .titleline span:nth-child(2) { text-align:right; color:#27a117;}
.order_list .product .titleline span.state.ywc { color:#27a117;}/*已完成*/
.order_list .product .titleline span.state.ygb { color:#999;}/*已关闭*/
.order_list .product .titleline span.state.yfk { color:#f60;}/*已付款*/
.order_list .product ul li { border-top:1px solid #f3f3f3;}
.order_list .product ul li a{ display: -webkit-flex; display: flex; padding:.3rem 0}
.order_list .product ul li a .pic { width:2.4rem; background: #f3f3f3;}
.order_list .product ul li a .pic img {mix-blend-mode: multiply;}
.order_list .product ul li a .info { display: -webkit-flex; display: flex; padding:0 0 0 .3rem; box-flex: 1; -webkit-box-flex: 1; flex:1;}
.order_list .product ul li a .info h2 { box-flex: 1; -webkit-box-flex: 1; flex:1; padding-right:.3rem;}
.order_list .product ul li a .info h2 em { color:#999; display:block; font-size:.3rem;}
.order_list .product ul li a .info .pricemun { text-align:right;}
.order_list .product ul li a .info .pricemun .price { color:#333; font-size:.386rem; display:block;}
.order_list .product ul li a .info .pricemun .mun { color:#666666;}
.order_list .addressview { background:url(http://imgcon.tea7.com/6367548097407758999200804.png) bottom center repeat-x #fff; background-size:.8rem; padding:.45rem .8rem .45rem .3rem; font-size:.386rem; display:none; position:relative;border-radius: 0 0 .15rem .15rem; margin-bottom: .3rem;}
.order_list .addressview em { position: absolute; right:0.2rem; top: 50%; width: .6rem; height: .6rem; background: url(http://imgcon.tea7.com/6367555597120261885523464.png) center center no-repeat; background-size: .4rem; cursor: pointer;    transform: translate3d(0,-50%,0); -webkit-transform: translate3d(0,-50%,0) }
.order_list .addressview .addresscard_title { padding-bottom:.15rem;}
.order_list .addressview .addresscard_title .username { padding-right:.6rem;}
.order_list .cardlist {padding: .3rem;border-top: 1px solid #f3f3f3;}
.order_list .cardlist ul { display:none;}
.order_list .cardlist ul li{ display: -webkit-flex; display: flex; align-items: center; padding:.15rem 0rem; font-size:.34rem;}
.order_list .cardlist ul li span:nth-child(1) { flex:1; text-align:right;}
.order_list .cardlist ul li span:nth-child(2) { width:2rem; text-align:right;}
.order_list .cardlist ul.income {display: block;/* border-top:1px solid #f3f3f3; */padding-top:.3rem;}
.order_list .cardlist ul.income li { float:right}
.order_list .cardlist ul.income li.ygb { display:none }
.order_list .cardlist ul.income:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;clear:both}
.order_list .cardlist ul.income .price{ color:#f60;}
.order_list.open_order .addressview, .order_list.open_order .cardlist ul{ display:block;}
.order_list.open_order ul.income { border:0; padding-top:0;}
.order_list a.open_btn { text-align:center; padding:.3rem; color:#4e8cee; display:block; border-top:1px solid #f3f3f3; font-size:.34rem;}
.order_list a.open_btn:active { background:#fafafa;}

.order_list .product ul li:nth-child(n+3) { display:none;}
.order_list.open_order .product ul li{ display: block;}
.order_list.open_order .cardlist {border-top:0; background:#fff;}
.order_list .tk {background:#fffbea;padding:.3rem;text-align: left;font-size:.3rem; display:flex; border-radius:3px;}
.order_list .tk span { flex:1; display:block;}
.order_list .tk span.type { text-align:center;}
.order_list .tk span.price { text-align:right; color:#f60;}
.order_list .shop_remark { padding: .3rem; background-color: #fff; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;}
.order_list .shop_remark textarea { width: 100%; height: 34px; font-size: 12px; overflow: hidden; border: 1px solid #d8d8d8; padding: 7px 10px; box-sizing: border-box;vertical-align: middle;}
.order_list .divcoupon {padding: .3rem; background-color: #fff; border-bottom: 1px solid #e8e8e8; }
.order_list .divcoupon .bd { display:flex; justify-content:space-between; position:relative; padding-right:.6rem;}
.order_list .divcoupon .bd:after{content: ""; display: block; width: 8px; height: 8px; border-top: 1px solid #666; border-left: 1px solid #666; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 0px; top: 50%; margin-top: -4px;}
.order_list .divcoupon .bd p { flex:1;}
.order_list .divcoupon .bd span { color:#f60; }


.checkout_fd{position: fixed;bottom: 0;left: 0; right:0;width: 100%; margin: 0 auto; max-width: 640px;overflow: hidden;box-shadow:0px 0 3px rgba(0, 0, 0, .3);background:#fff;}
.checkout_fd_box { display:-webkit-box;}
.checkout_fd_box .total_count{-webkit-box-flex: 1;font-size: 12px;padding-left: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.checkout_fd_box .total_count em{margin: 0 3px;color: #f60;font-size: 14px}
.checkout_fd_box .total_count em#total_price,
.checkout_fd_box .total_count em#total_point{font-size: 18px;margin-left: 0}
.checkout_fd_box .topay{width: 32%;display: block; padding: 12px 12px 13px; height: 20px; line-height: 20px; font-size: 100%; color: #fff; background-color: #cdb593; vertical-align: middle; text-align: center; color:#fff; box-sizing: content-box;}
.checkout_fd_box .topay a.btn{font-size: 18px; color:#fff;}





/*订单详情*/
.order_state{display: -webkit-box; display: -webkit-flex; display: flex; background-image: -webkit-linear-gradient(60deg,#e93c3e 32%,#f66c6c 69%);
    background-image: linear-gradient(30deg,#e93c3e 32%,#f66c6c 69%); color: #fff; padding: 14px 10px; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: 12px; line-height: 18px; position: relative;}
.order_state .dot_bg, .order_state:after{content: ""; position: absolute; background-image: -webkit-linear-gradient(60deg,#e93c3e 32%,#f66c6c 69%);
    background-image: linear-gradient(30deg,#e93c3e 32%,#f66c6c 69%);}
.order_state .dot_bg{width: 33px; height: 20px; right: 100px; top: 0; border-radius: 0 0 50% 50%/50%;}
.order_state:before{content: ""; position: absolute; width: 50px; height: 20px; left: 0; bottom: 0; border-radius: 0 100% 0 0; background-image: -webkit-linear-gradient(60deg,#e93c3e 32%,#f66c6c 69%);
    background-image: linear-gradient(30deg,#e93c3e 32%,#f66c6c 69%);}
.order_state:after{width: 25px; height: 48px; right: 0; bottom: 0; border-radius: 100% 0 0 100%/50%;}
.order_state .icon{position: absolute; display: inline-block; width: 20px; height: 20px; margin-right: 10px; background-image: url(http://imgcon.tea7.com/6370984350920046739057470.png); background-size: 41px 41px; background-repeat: no-repeat;top:50%; left: 15px; transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.order_state .state_cont{padding-left: 35px; z-index: 5;-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.order_state .state_suc { background-position: 0 0;}
.order_state .state_time{background-position: 0 -22px;}
.order_state .state_error {
	background-position: -22px 0
}
.order_state .state_txt{line-height: 24px; position: relative;}
.order_state .state_txt .desc{font-family: PingFangSC-Semibold; font-size: 16px; font-weight: 400;-webkit-box-flex: 1; -webkit-flex: 1; white-space: nowrap; flex: 1; overflow: hidden; text-overflow: ellipsis;}

.order_wuliu{background-color: #fff}
.order_wuliu .wuliu_cont{display: -webkit-box; display: -webkit-flex; display: flex; padding: 11px 10px 12px; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative;}
.order_wuliu .wuliu_cont.type_arrow{padding-right: 20px;}
.type_arrow:after{content: ""; position: absolute; display: inline-block; top: 50%; margin-top: -4px; right: 10px; width: 6px; height: 6px; border-top: 2px solid #ccc; border-left: 2px solid #ccc; background: 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.order_total:before, .wuliu_cont:not(:first-child):before{content: ""; height: 0; display: block; border-top: 1px solid #e5e5e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); position: absolute; left: 10px; right: 0; top: 0;}
.order_wuliu .icon{display: inline-block; width: 20px; height: 20px; margin-right: 10px; background-image: url(http://imgcon.tea7.com/6373215434851329672352795.png); background-size: 82.5px 79px; background-repeat: no-repeat;}
.order_wuliu .wl_icon{background-position: 0 -44px; width: 20px; height: 18px;}
.order_wuliu .wl_pos_icon{background-position: -65px -22px; width: 16px; height: 19px;}
.order_wuliu .wl_note_icon{background-position: -0px -0px; width: 19px; height: 19px;}
.cont_text{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.cont_text input { border:0;}
.order_wuliu .wl_text{font-size: 14px; line-height: 21px; color: #333;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.order_wuliu .temperature, .order_wuliu .wl_tip{font-size: 12px; line-height: 18px; color: #999;}
.order_wuliu .wl_edit{font-size: 12px; color: #999; line-height: 36px; width: 30px; text-align: right;}
.order_wuliu .wl_error_icon{background-position: -44px -21px;width: 19px;height: 19px}

.order_goods, .order_link_bar{overflow: hidden; margin-top: 15px; background-color: #fff;}
.order_goods .order_shopBar{display: -webkit-box; display: -webkit-flex; display: flex; padding: 11px 10px; font-size: 14px; line-height: 24px; color: #333; position: relative; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.good_related:after, .order_shopBar:after{content: ""; height: 0; display: block; border-bottom: 1px solid #e5e5e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); position: absolute; left: 10px; right: 0; bottom: 0;}
.order_goods .order_shopBar .shop_name{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: inline-block; overflow: hidden;}
.order_goods .order_shopBar .shop_arrow{position: relative; display: inline-block; vertical-align: middle; padding-right: 20px;}
.order_goods .order_shopBar .shop_desc{float: right; font-size: 12px; font-weight: 400; vertical-align: center; color: #999;}
.order_goods .order_good{position: relative; overflow: hidden;}
.order_goods .good_item{display: -webkit-box; display: -webkit-flex; display: flex; padding: 10px;}
.order_goods .good_cover{width: 2.5rem; height: 2.5rem; overflow: hidden; position: relative;background: #f3f3f3;}
.order_goods .good_cover .good_cover_img, .order_goods .good_cover img{width: 100%; height: 100%; border-radius: 2px;}
.wqvue-image{display: inline-block; overflow: hidden; position: relative;}
.wqvue-image img{width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); display: block;}
.order_goods .good_cont{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: 10px; overflow: hidden;}
.order_goods .good_cont .good_info{display: -webkit-box; display: -webkit-flex; display: flex; overflow: hidden; min-height: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; flex: 1;}
.order_goods .good_cont .good_info .count{color: #999;}
.order_goods .good_cont .product_code{color: #999; padding-top: .15rem; flex: 1;}
.order_goods .good_cont .good_name{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; line-height: 21px; color: #333; word-break: break-all; flex: 1; box-flex: 1; -webkit-box-flex: 1; flex: 1; padding-right:.3rem;}
.order_goods .good_cont .info_price{margin-top: 3px; line-height: 24px; font-size: 12px;}
.order_goods .good_cont .info_price .price{color: #f60;}
.order_goods .good_cont .info_price .price_yuan{font-size: 16px;}
.order_goods .good_cont .info_price .count{color: #999; float: right;}
.order_goods .good_cont .info_price .count em{color:#f60;}
.good_pingroup { position: relative; padding: 15px 20px 15px 5px; font-size: 14px; color: #333; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.good_pingroup:before { content: ""; height: 0; display: block; border-top: 1px solid #e5e5e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); position: absolute; left: 10px; right: 0; top: 0;}
.bottom_line { content: ""; height: 0; display: block; border-bottom: 1px solid #e5e5e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); position: absolute; left: 10px; right: 0; bottom: 0;}
.order_goods .good_btns {display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.order_goods .good_btns .good_btn { margin: 6px; display: inline-block; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ccc; border-radius: 4px;}

.order_summary, .order_total{padding: 12px 10px;}
.order_summary{overflow: hidden; margin-top: 15px; background-color: #fff;}
.inner_line{display: -webkit-box; display: -webkit-flex; display: flex; padding-top: 3px; font-size: 14px; line-height: 21px; position: relative;}
.inner_line .title{min-width: 70px; color: #999;}
.inner_line .content{display: block; -webkit-flex: 1; -webkit-box-flex: 1; flex: 1; width: 100%; color: #151515;}
.order_total{background: #fff; overflow: hidden; position: relative; margin-bottom: 15px;}
.order_total:before, .wuliu_cont:not(:first-child):before{content: ""; height: 0; display: block; border-top: 1px solid #e5e5e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); position: absolute; left: 10px; right: 0; top: 0;}
.order_total .total_item{line-height: 21px; color: #333; font-weight: 400; position: relative;}
.order_total .total_item .price{float: right; font-weight:700;}
.order_total .total{float: right; margin-top: 8px; font-size: 16px; line-height: 24px; color: #333; font-weight: 700;}
.order_total .color_red{color: #f60;}

.order_btn.fixed_btn{display: -webkit-box; display: -webkit-flex; display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 333; padding-right: 10px;padding-top:0;padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; font-size: 14px; color: #333; line-height: 30px; box-shadow: 0 -2px 4px 0 rgba(0,0,0,.07);background: #fff;}
.order_btn .oh_btn{text-align: center; width: 78px; height:30px; line-height: 30px; border-radius: 4px; margin: 10px 0 10px 10px; -webkit-flex-shrink: 0; flex-shrink: 0; position: relative;}
.order_btn .bg_red{background-image: -webkit-linear-gradient(135deg,#ff1f02,#fd7012 70%,#fd7c49); background-image: linear-gradient(135deg,#ff1f02,#fd7012 70%,#fd7c49); color: #fff; border: none; height: 30px; line-height: 30px;}
.order_btn .bg_border_red{color: #f60; background: #fff; border: 1px solid #f60;}
.order_btn .bg_white{background: #fff; border: 1px solid #ccc;}



/**钱包*/
.qianbao { margin:.4rem; padding:.6rem; background-image: -webkit-linear-gradient(60deg,#fece3c 32%,#ffeb7b 69%); background-image: linear-gradient(30deg,#fece3c 32%,#ffeb7b 69%); position:relative; border-radius:.3rem; overflow:hidden; box-shadow: 0 0 0.27rem 0 rgba(0,0,0,0.1);}
.qianbao .qb_title { font-size:.3381rem; position:relative; z-index:2;}
.qianbao .qb_price { font-weight:700; font-size:.8rem; margin:.4rem 0; position:relative; z-index:2;}
.qianbao .qb_price i { font-size:.5rem; margin-left: -.1rem;}
.qianbao .qb_tip { display:flex; align-items:center; justify-content:space-between; margin-top:.4rem; position:relative; z-index:2;}
.qianbao .qb_tip a i{ margin-left:.15rem; font-size:.32rem;}
.qianbao:before, .qianbao:after { position:absolute; content:""; z-index:1; border-radius:50%;}
.qianbao:before { width:3rem; height:3rem; top:-1rem; left:-1rem; background-image: -webkit-linear-gradient(90deg,#fcd957 32%,#ffd855 69%); background-image: linear-gradient(90deg,#fcd957 32%,#ffd855 69%);}
.qianbao:after { width:5rem; height:5rem; bottom:-3rem; right:-1.5rem; background-image: -webkit-linear-gradient(0deg,#fee882 32%,#ffd859 69%); background-image: linear-gradient(90deg,#fee882 32%,#ffd859 69%);}



/*悬浮底部通栏按钮*/
.sign_submit { box-shadow: 0 -1px 0.1rem 0 rgba(0,0,0,.05); padding: .2rem .2rem; background: #fff; width: 100%; position: fixed; bottom: 0; z-index: 10; box-sizing: border-box; max-width:720px;}
.sign_submit_box { display:flex;}
.sign_submit_btn{ display: flex; align-items:center; justify-content:center; height: 1.2rem; width: 100%; margin:0 .2rem; border-radius: .15rem; background: #ffd101; background-image: -webkit-linear-gradient(0deg,#439cff 32%,#2e6ae2 80%); background-image: linear-gradient(90deg,#439cff 32%,#2e6ae2 80%); color:#fff; text-align: center; line-height:1.2rem; -webkit-tap-highlight-color: rgba(0,0,0,0); font-size:.3864rem;}
.sign_submit_btn .iconfont { font-size:.54rem; margin-right:.2rem;}
.sign_submit_btn.cancel {color: rgb(153, 153, 153); background-color:#fff;background-image: none; border:1px solid  #ededed;}
.sign_submit_btn.undefined {color: rgb(153, 153, 153); background-color: rgb(221, 221, 221);background-image: none;}
.sign_submit_btn.save {color:#fff; background-color:#ff9a45;background-image: none;}
.sign_submit .xieyi { display:flex; align-items:center; justify-content:center; margin-top:.2rem; padding:.2rem 0; color:#999;}
.sign_submit .xieyi .iconfont { border:1px solid #e5e9ec; width:.5rem; height:.5rem; display:flex; align-items:center; justify-content:center; margin-right:.2rem; border-radius:50%; }
.sign_submit .xieyi .iconfont.iconxuanzhong{ border:1px solid #ffd101;color:#333; background: #ffd101; }

/*底部悬浮按钮提示*/
.sign_submit_tip{position: absolute;width:8rem;bottom: 100%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);display: -webkit-box;display: -ms-flexbox;
display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;}
.sign_submit_tip .tips{background-color: rgba(0,0,0,.8);border-radius: .1rem;text-align: center;color: #fff;position: relative;margin: 0 auto;}
.sign_submit_tip .tips-fail{line-height: 1.8;padding: .3rem .4rem}
.sign_submit_tip .tips-triangle{position: absolute;bottom:-.2rem;left: 50%;margin-left: -.2rem;border-top: .2rem solid #000;border-left: .2rem solid transparent;border-right: .2rem solid transparent;opacity: .8}



/*确认弹窗*/
.pop-overlay { position:fixed;  width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; top:0; left:0; right:0; bottom:0; display:flex; align-items: center; justify-content:center;}
.pop-overlay .pop-container { background:#fff; border-radius:.15rem; width:75%; box-shadow: 0 0 0.27rem 0 rgba(0,0,0,0.5);}
.pop-overlay .pop-content { text-align:center; padding:.8rem .4rem;}
.pop-overlay .pop-content .title_text { font-size:.3864rem; padding-bottom:.2rem; font-weight:700;}
.pop-overlay .pop-content .bd_text {}
.pop-overlay .pop-footer { display:flex; align-items:center; padding:.2rem; padding:.1rem; box-shadow: 0 0 0.27rem 0 rgba(0,0,0,0.1);}
.pop-overlay .pop-footer .btn { border-radius:.15rem; font-size:.3864rem; color:#333; margin:.1rem; text-align:center; flex:1; padding:.2rem .4rem; border:1px solid #ededed;}
.pop-overlay .pop-footer .btn.yellow { background:#ffd101; border:1px solid #ffd101;}
.pop-overlay.pop_in .pop-container { -webkit-animation: pop_in .5s;}

/*钱包明细*/
.qb_mx { background:rgba(255, 255, 255, 0.5); padding:0 .4rem;}
.qb_mx ul li { padding:.4rem .2rem; display:flex; justify-content:space-between; border-bottom:1px dashed rgba(0,0,0,0.05);}
.qb_mx ul li .time { flex:2;}
.qb_mx ul li .type { flex:3;}
.qb_mx ul li .price { flex:1; font-weight:700; font-size:.3864rem;}
.qb_mx ul li .price.positive { color:#ebb03a;}
.qb_mx ul li:nth-child(even) {}
.qb_mx ul li:last-child  { border:0;}

/*通用为空提示*/
.prompt_box { display:flex; flex-direction:column; justify-content:center; padding:2rem;}
.prompt_box .img { width:4rem; margin: auto;}
.prompt_box .txt { text-align:center; padding:.4rem; font-size:.3864rem; color:#999;}
.prompt_box .txt span { color:#333;}



/*客户列表----------*/
.customer_list {}
.customer_list ul li { background:#fff; margin:.4rem .3rem; border-radius:.3rem;box-shadow: 0 0 0.27rem 0 rgba(0,0,0,0.1);}
.customer_list ul li .detail_bd { padding:.3rem;}
.customer_list ul li .detail_bd:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;clear:both} 
.customer_list ul li .detail_bd .detail_list { padding:.15rem 0; /*float:left; width:50%;*/ font-size:.34rem;}
.customer_list ul li .detail_bd .detail_list i { color:#999; padding-right:.3rem;}
.customer_list ul li .detail_bd .detail_list:last-child { width:100%;}
.customer_list ul li .order_btn { padding:.2rem .2rem; background: rgba(237, 237, 237, 0.27);}
.customer_list ul li .order_btn a { border:1px solid rgba(204, 204, 204, 0.38);; box-shadow: 0 0 0.27rem 0 rgba(0,0,0,0.1);}


/*客户信息*/
.customer_info{ padding:0rem 0 .4rem 0rem; margin-bottom:2.5rem;}
.customer_info > ul { background:#fff; padding-left:.4rem; margin-bottom:.4rem;}
.customer_info ul li { padding:.4rem 0 0; border-bottom:1px solid #eeeeee;}
.customer_info ul li:last-child { border:0;}
.customer_info ul li.line { display:flex; padding-bottom:.4rem;}
.customer_info ul li.line .box { display: flex; flex:1; padding-right:.4rem;}
.customer_info ul li.line .box input { border:0; width:100%;}
.customer_info ul li label { font-weight:700; margin-bottom:.4rem; display:block;}
.customer_info ul li.line label { width:2rem; display:inline-block; margin-bottom:0;}
.customer_info ul li .box { padding-right:0rem; display:flex;flex-wrap: wrap;}
.customer_info ul li .box a {background:#f3f4f6;border-radius:.15rem;margin:0rem .4rem .4rem 0;padding:.2rem .2rem;text-align:center;display:flex;align-items:center;justify-content:center;font-size:.32rem;white-space:nowrap;flex-wrap: wrap;flex: 0 0 29.1%;}
.customer_info ul li .box a.cur {box-shadow:0 0 0.27rem 0 rgba(67, 156, 255, 0.54); color:#fff; background-image: -webkit-linear-gradient(0deg,#439cff 32%,#439cff 80%); background-image: linear-gradient(90deg,#439cff 32%,#439cff 80%);}
.customer_info ul li .inputbox { display:flex; padding-right:.4rem; padding-bottom:.4rem;}
.customer_info ul li .inputbox input { flex:1; border:1px solid #f3f4f6; padding:.2rem; border-radius:.15rem;}
.customer_info ul li .inputbox textarea { flex:1; border:1px solid #f3f4f6; padding:.2rem; border-radius:.15rem;}
.customer_info ul li .inputbox i { padding:0 .2rem; display:flex; align-items: center;}
.customer_info ul li .box ul { width:100%; padding-right:.4rem; margin-top:-.2rem}
.customer_info ul li .box ul li { display:flex; padding-top:.2rem; padding-bottom:.2rem;} 
.customer_info ul li .box ul li:last-child { border:0;}
.customer_info ul li .box ul li span { padding-right:.2rem;}
.customer_info ul li .box ul li span.text { flex:1; text-align:left !important;}
.customer_info ul li .box ul li span:last-child { text-align:right; padding-right:0;}

/*通用底部弹窗*/
.bottom_pop { visibility: hidden;position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; -webkit-transition: all .2s cubic-bezier(0, 0, .25, 1); transition: all .2s cubic-bezier(0, 0, .25, 1); z-index:10;}
.bottom_pop.show { visibility: visible;}
.bottom_pop.show .bd { -webkit-transform: translate(0, 0); transform: translate(0, 0);}
.bottom_pop .bd { position: absolute; z-index: 108; left: 0; right: 0; width: 100%; max-width: 640px; margin: 0 auto; box-sizing: border-box; bottom:0; overflow: hidden; transition: all .5s; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); background: #fff;}




/*出入库切换*/
.indextab { background:#fff; position:relative; display:flex; align-items:center; justify-content:center;}
.indextab:after { content:""; position:absolute; left:.4rem; right:.4rem; bottom:0; border-bottom:1px solid #dfdfdf;}
.indextab .tab_item { flex:1; text-align:center; overflow:hidden;}
.indextab .tab_item a { display:inline-block; min-width:1.5rem; height:1.33rem; line-height:1.33rem; font-size:.3864rem; position:relative;}
.indextab .tab_item.on a:after { position: absolute; display: block; content: ""; background-color: #4e8cee;  z-index:1; -webkit-animation:btmbor 0.5s 1 cubic-bezier(0,0,0.25,1); animation: btmbor 0.5s 1 cubic-bezier(0,0,0.25,1); left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:-.14rem; width: 110%; height: .28rem; border-radius: .14rem;} 
.indextab.float { position:fixed; width:100%; z-index:3; top:0;  box-shadow: 0 0 0.27rem 0 rgba(0,0,0,0.1);}
.indextab.float:after { display:none;}
@-webkit-keyframes btmbor {
0% {left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:-.14rem; width:.5rem; height:.5rem; border-radius:50%;}
100% {left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:-.14rem; width: 110%; height: .28rem; border-radius: .14rem;}
}
@keyframes btmbor {
0% {left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:-.14rem; width:.5rem; height:.5rem; border-radius:50%;}
100% {left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:-.14rem; width: 110%; height: .28rem; border-radius: .14rem;}
}


.tablist { background:#fff;overflow: hidden;}
.tablist_box { position: relative; display: flex; align-items: center; justify-content: center; border-bottom:1px solid #ededed;}
.tablist_box:last-child { border:0;}
.tablist_box .tab_item { padding: .3rem .1rem; flex:2; text-align: center; overflow: hidden; position:relative;}
.tablist_box .tab_item:after { content:""; position:absolute; top:0%; right:0; width:1px; height:100%; transform:scale(.5); -webkit-transform:scale(.5); background:#ededed;}
.tablist_box .tab_item:last-child:after { display:none;}
.tablist_box .tab_item.short { flex:1;}
.tablist_box .tab_item i { padding:.2rem;}
.tablist .addbtn { margin: .4rem .4rem; border: 1px solid #ededed; padding: .2rem .4rem; display: inline-block; border-radius: .15rem; display:flex; align-items:center; justify-content:center;}
.tablist .addbtn i { font-size:.54rem; color:#999;}



/*素材库*/
.sck_box { margin-top:2.6rem; background:#fff;}
.newslist {}
.newslist ul { margin:0 .4rem;}
.newslist ul li{ position:relative; padding:0 .8rem 0 0; overflow:hidden; border-bottom:1px solid #ededed; }
.newslist ul li:last-child { border:0;}
.newslist ul li:after { content: ""; position: absolute; display: inline-block; top: 50%; margin-top: -4px; right: 10px; width: 6px; height: 6px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background: 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.newslist ul li a { font-size:.3864rem; white-space:nowrap;overflow: hidden; text-overflow: ellipsis; display:block; padding:.4rem 0;}


.ship_item {}
.ship_item a { display: block; padding:.4rem 0; border-bottom:1px solid #ededed; margin:0 .4rem;}
.ship_item a:last-child { border:0;}
.ship_item a .pic { border-radius:.11rem;overflow:hidden;position:relative;width: 9.2rem;height: 5.17rem;overflow:hidden;}
.ship_item a .pic .img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:1;}
.ship_item a .title { padding-top:.4rem; font-size:.3864rem; font-weight:700; display:flex; align-items:center; justify-content:space-between;}
.ship_item a .title .txt { max-width:8rem; white-space:nowrap;overflow: hidden; text-overflow: ellipsis;}

.mod_address_slide{position: fixed; top: 100%; bottom: 0; left: 0; right: 0; z-index: 110; background-color: rgba(0,0,0,.7);}
.mod_address_slide.show{top: 0;}
.mod_address_slide_main{position: absolute; -webkit-transform: translate3d(0,420px,0); transform: translate3d(0,420px,0); -webkit-transition: -webkit-transform .2s cubic-bezier(0,0,.25,1); transition: -webkit-transform .2s cubic-bezier(0,0,.25,1); transition: transform .2s cubic-bezier(0,0,.25,1); transition: transform .2s cubic-bezier(0,0,.25,1),-webkit-transform .2s cubic-bezier(0,0,.25,1); bottom: 0; width: 100%; background-color: #fff;}
.mod_address_slide_main.type_flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}
.mod_address_slide.show .mod_address_slide_main{position: absolute; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.idimg_upload .btn{ padding:.4rem; font-size:.3864rem; text-align:center; border-bottom:1px solid #eeeeee}

.bendi_icon { background:url(http://imgcon.tea7.com/6373291172882561087237424.png) center center no-repeat; width:.6rem; height:.6rem; background-size:contain; margin-right:.1rem;}
.weixin_icon { background:url(http://imgcon.tea7.com/6373291172607549724263950.png) center center no-repeat; width:.6rem; height:.6rem; background-size:contain; margin-right:.1rem;}
.pyq_icon { background:url(http://imgcon.tea7.com/6373291183882553639176376.png) center center no-repeat; width:.6rem; height:.6rem; background-size:contain; margin-right:.1rem;}

/*文章*/
.article_box { padding:.4rem; background:#fff;}
.article_box .titel { font-size:.54rem; margin-bottom:.4rem;}
.article_box .time { font-size:12px; margin-bottom:.4rem; color:#999;}




/*个人中心*/
.user_head { background:#f1f5fd; padding:1.6rem 0 0rem; position:relative; background: linear-gradient(to top right, #43e1ff, #3585ff);}
.user_head:after { content:""; height:.4rem; width:100%; position:absolute; left:0; bottom:0; background: linear-gradient(to top, rgba(0,0,0,.3), rgba(0,0,0,0)); z-index:2; }
.user_head:before { content: ""; position: absolute; width:4rem; height:4rem; border-radius:50%; right:2rem; bottom:1rem; background-image: -webkit-linear-gradient(60deg,#40cfff  32%,#3791ff  69%); background-image: linear-gradient(30deg,#40cfff  32%,#3791ff  69%); z-index:0}
.user_head .back { padding:.2rem; color:#fff; position:absolute; left:0; top:0; font-size:.54rem;}
.user_head .box { display:flex; align-items:center; justify-content:space-between; padding:0 .8rem .8rem;}
.user_head .pic { width:2rem; height:2rem; border:2px solid rgba(255,255,255,.5); border-radius:50%; margin-bottom:.3rem; position:relative;background:url(http://imgcon.tea7.com/6367606189265556659605641.png) center center no-repeat; background-size:100%;box-shadow: 0 0 0.27rem 0 rgba(0,0,0,0.1);}
.user_head .pic img { width:100%; height:100%; object-fit: cover; border-radius:50%; overflow:hidden;}
.user_head .name { display:flex; align-items:center;}
.user_head .name h2{ color:#333; font-size:.54rem; font-weight:700; letter-spacing:5px;}
.user_head .name span { background: linear-gradient(to top right, #ffe9ab, #deb65f); border-radius:.1rem; padding:0rem .1rem; font-size:.2898rem; display:inline-block; transform:scale(1);}
.user_head .phone { color:#333; opacity:.9; display:inline-block; padding:.15rem 0;  }


.user_head .belong { width:9.2rem; border-radius:.3rem .3rem 0 0; margin:0 auto; background: linear-gradient(to bottom right, #e9d097, #f0c167 80%); display:flex; align-items:center; justify-content:space-between; padding:.4rem .6rem .6rem; box-shadow: 0 0 0.27rem 0 rgba(0,0,0,0.2); position:relative; z-index:2;}
.user_head .belong h2 { white-space:nowrap;overflow: hidden; text-overflow: ellipsis; color:#333; font-size:.3864rem; }
.user_head .belong a { color:#fff; border-radius:1rem; background: linear-gradient(to right, #484848, #37393d);box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.1); padding:.15rem .2rem .15rem .3rem; display:flex; align-items:center; }


.grzx_ewm { background:#fff; background: linear-gradient(to bottom, #fff 50%, #f3f4f9 80%); border-radius:.3rem .3rem 0 0; padding:1rem; position:relative; top:-.2rem; z-index:3;}
.grzx_ewm h2 { padding:.2rem; text-align:center;}



/*底部导航条*/
.commonNav { background:#fff; position:fixed; bottom:0; left:0;right:0; width:100%; z-index:3; max-width:720px; margin:0 auto;box-shadow: 0 -1px 0.04rem 0 rgba(0,0,0,.1); display:flex; justify-content:space-between; align-items:center; height:1.33rem; padding:0 .4rem;}
.commonNav a { display:flex; padding:0 .2rem; font-size:.3864rem; align-items:center;}
.commonNav a i { font-size:.54rem; margin-right:.1rem;}
.commonNav a .navgif { width:.6rem; height:.6rem; margin-right:.2rem;}
.commonNav .commonNav_bigbtn { background:#ffd101; box-shadow: 0 0 0.27rem 0 rgba(0,0,0,0.1); width:2rem; height:2rem; border-radius:50%; position:absolute; left:50%; top:40%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center;}
.commonNav .commonNav_bigbtn .iconfont { font-size:.8rem; color:#fff; text-shadow: 0 0 0.27rem rgba(0,0,0,0.2);}





/*筛选弹窗*/
.filterpop{height: 100%; width:80%; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; bottom: 0; left:20%; z-index: 301;background:#fff;transition: transform .3s; transform: translate3d(100%,0,0);-webkit-transition: transform .3s; -webkit-transform: translate3d(100%,0,0);}
.filterpop.filterpopshow{left:20%;transition: transform .3s; transform: translate3d(0%,0,0);-webkit-transition: transform .3s; -webkit-transform: translate3d(0%,0,0);}
.filterpop .sx_bd{height:-moz-calc(100% - 44px);height:-webkit-calc(100% - 44px);height:calc(100% - 44px);}
.filterpop .sx_bd .sx_bdin{width:100%; height:100%;overflow-y: auto; overflow-x: hidden}
.filterpop .index-bnts{height: 44px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; padding-right: 0px; overflow: hidden;}
.filterpop .index-bnts .left{background-color: #fff; color: #252525; font-size: 16px; position: relative; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; -o-box-pack: center;}
.filterpop .index-bnts .left:before{content: ''; height: 1px; width: 200%; position: absolute; left: 0; top: 0; right: auto; bottom: auto; background-color: #e3e5e9; border: 0px solid transparent; border-radius: 0px; -webkit-border-radius: 0px; transform: scale(0.5); -webkit-transform: scale(0.5); transform-origin: top left; -webkit-transform-origin: top left;}
.filterpop .index-bnts .right{background-color: #cdb593; color: #fff; font-size: 16px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; -o-box-pack: center;}
.sx_bdinb{border-bottom:1px solid #f3f3f3; padding-bottom:20px;}
.sx_bdinb .title-line{padding-top: 10px; padding-left: 10px; padding-right: 10px; font-size: 15px; overflow: hidden; margin-bottom: 7px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;}
.sx_bdinb .title-line .title{text-align: left; display: block; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:16px; height: 17px; line-height: 17px; color: #333; margin-top: 2px;}
.sx_bdinb .title-line i{display: block; width: 10px; height: 10px; border-top: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); margin-left: 8px; margin-right: 2px; margin-top: 8px;}
.title-line i.down{transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); margin-top: 2px;}
.sx_bdin .itemlist ul{margin-right: 10px; overflow: hidden;padding-bottom: 1px;}
.sx_bdin .itemlist ul li{margin-top: 10px; height: 29px; width: 50%; color: #232326; padding-left: 10px; float: left;font-size:13px; box-sizing:border-box; position:relative;}
.sx_bdin .itemlist ul li span{height:30px; display: block; padding-left: 5px; padding-right: 5px; text-align: center; line-height:30px; background-color: #f3f3f3; border-radius: 5px;border:1px solid #f3f3f3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;box-sizing:border-box;}
.sx_bdin .itemlist ul li.on span{border:1px solid #333333; background:#fff;}
.sx_bdin .itemlist ul li.on:after{content:""; position:absolute; left:10px; top:0px; width:15px; height:15px; background:url(http://tea10pic.oss-cn-shenzhen.aliyuncs.com/6364462728432746716814208.png) left top no-repeat; background-size:cover;}
.sx_bdin .itemlist .from-to{background:#f3f3f3; border-radius:5px; margin:10px 10px 0; padding:10px;display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;}
.sx_bdin .itemlist .from-to input, .sx_bdin .itemlist .from-to span, .sx_bdin .itemlist .from-to .fttxt{display:inline-block;}
.sx_bdin .itemlist .from-to span{display: block; width: 8px; margin-left: 9px; margin-right: 9px; height: 14px; border-bottom: 1px solid #848689;}
.sx_bdin .itemlist .from-to input{border-radius:5px; background:#fff; border:0; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; display: block;height: 28px; line-height: 28px; text-align: center; font-size: 12px;}
.sx_bdin .itemlist .from-to .fttxt{height: 28px; line-height: 28px; margin-left:10px;}




